$(function () {
    const $loginBox = $('#loginBox'),
        $registerBox = $('#registerBox'),
        $userInfo = $('#userInfo'),
        $username = $userInfo.children('#username')

    $('a.switch').on('click', function () {
        const $that = $(this)
        if ($that.parents('#loginBox').length > 0)
            $loginBox.fadeOut(function () {
                $registerBox.fadeIn()
            })
        else
            $registerBox.fadeOut(function () {
                $loginBox.fadeIn()
            })
    })

    $registerBox.on('submit', function () {
        event.preventDefault() //阻止form表单默认提交
        $.ajax({
            url: '/api/user/register',
            type: 'POST',
            dataType: 'json',
            data: $registerBox.children('form').serialize(),
            success(result) {
                if (!result.code) {
                    setTimeout(() => {
                        $registerBox.fadeOut(function () {
                            $loginBox.fadeIn()
                        })
                    }, 1000)
                    location.reload()
                    return
                }
                $registerBox.find('.mes').text(result.message).stop().fadeIn(function () {
                    setTimeout(() => {
                        $(this).fadeOut()
                    }, 1500)
                })
            }
        })
    })

    $loginBox.on('submit', function () {
        event.preventDefault() //阻止form表单默认提交
        $.ajax({
            url: '/api/user/login',
            type: 'POST',
            dataType: 'json',
            data: $loginBox.children('form').serialize(),
            success(result) {
                if (!result.code) {
                    location.reload()
                }
                $loginBox.find('.mes').text(result.message).stop().fadeIn(function () {
                    setTimeout(() => {
                        $(this).fadeOut()
                    }, 2500)
                })
            }
        })
    })

    $('#logout').on('click', function() {
        $.ajax({
            url: '/api/user/logout',
            success(result) {
                if (!result.code) {
                    location.reload()
                }
            }
        })
    })

})